<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		1.线性渐变的使用：background:linear-gradient(to right,red 0%,green 50%,blue 100%)
		
		<br /><br />
		
		<div style="width: 100%;height: 100px;background: linear-gradient(to right,red 0%,green 50%,blue 100%);"></div>
		
		<br /><br />
		
		2.镜像渐变的使用：background:radial-gradient(100px at left top,red 0%,green 20%,blue 30%)
		
		<div style="width: 100%;height: 100px;background: radial-gradient(200px at left top,red 10%,green 20%,blue 30%,yellow 40%,orange 50%);"></div>
		
	</body>
</html>
